<template>
   <div>
      <h1 ref="numRef">{{num}}</h1>
      <button @click="updateNumHandle">更新</button>
   </div>
</template>

<script>
export default {
  data(){
    return{
      num:0
    }
  },
  methods:{
    async updateNumHandle(){
      for(let i=0;i<10;i++){
        this.num++
        console.log('num:',this.num);
       
        await this.$nextTick()
        console.log('dom:',this.$refs.numRef.innerText);
      }
    }
  }
}
</script>

<style>

</style>